<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>畅销书籍</title>
</head>
<style type="text/css">
    .d1 {
        width: 253px;
        background-color: #f2f4df;
    }
    .d2{
        background:#518600 url("imges/bang.gif") no-repeat 120px 3px;
        height: 30px;
        text-indent: 2em;
        line-height: 30px;
    }
    a{
        text-decoration: none;
        font-size: 12px;
        vertical-align: 2px;
    }
    li{
        height: 30px;
        padding-left: 10px;
        list-style-position:inside;
     }
    li:nth-child(1){
        list-style-image: url("imges/book_no01.gif");
    }
    li:nth-child(2){
        list-style-image: url("imges/book_no02.gif");
    }
    li:nth-child(3){
        list-style-image: url("imges/book_no03.gif");
    }
    li:nth-child(4){
        list-style-image: url("imges/book_no04.gif");
    }
    li:nth-child(5){
        list-style-image: url("imges/book_no05.gif");
    }
    li:nth-child(6){
        list-style-image: url("imges/book_no06.gif");
    }
    li:nth-child(7){
        list-style-image: url("imges/book_no07.gif");
    }
    li:nth-child(8){
        list-style-image: url("imges/book_no08.gif");
    }
    li:nth-child(9){
        list-style-image: url("imges/book_no09.gif");
    }
    li:nth-child(10){
        list-style-image: url("imges/book_no10.gif");
    }
</style>

<body>
<div class="d1">
    <div class="d2">畅销书排行</div>
    <ul>
        <li><a title="不抱怨的世界(畅..." href="#">不抱怨的世界(畅... </a></li>
        <li><a title="遇见未知的自己..." href="#">遇见未知的自己...</a></li>
        <li><a title="活法（季羡林、..." href="#">活法（季羡林、...</a></li>
        <li><a title="高效能人士的七个习惯" href="#">高效能人士的七个习惯</a></li>
        <li><a title="被迫强大（北外女生香奈儿..." href="#">被迫强大（北外女生香奈儿...</a></li>
        <li><a title="遇见心想事成的自己（《遇..." href="#">遇见心想事成的自己（《遇...</a></li>
        <li><a title="世界上最伟大的推销员（插..." href="#">世界上最伟大的推销员（插...</a></li>
        <li><a title="我的成功可以复制（唐骏亲..." href="#">我的成功可以复制（唐骏亲...</a></li>
        <li><a title="少有人走的路：心智成熟的..." href="#">少有人走的路：心智成熟的...</a></li>
        <li><a title="活出全新的自己——唤醒..." href="#">活出全新的自己——唤醒...</a></li>
    </ul>
</div>
</body>
</html>